<html>
    <?php	
        include "logado/conectar.php";
        include "logado/auxiliar.php";
        
        mysql_set_charset('utf8');
        ini_set('default_charset', 'UTF-8');
        
        if ($tipoPessoa != 1) {
            header("Location: index.php");
        }        
    ?>
    <head>
        <meta charset="utf-8"/>
        <title>Torneio</title>
        <link rel="stylesheet" type="text/css" href="css/cad_torneio.css" />
        <?php include 'menu_logado.php';?>
        <script src="../js/jquery-1.10.1.js"></script>
        <link href="../css/blitzer/jquery-ui-1.10.3.custom.css" rel="stylesheet">      
        <script src="../js/jquery-ui-1.10.3.custom.js"></script>
        <script src="../js/jquery.validate.js"></script>
        <script src="../js/autenticacao.js"></script>
        <script src="../js/additional-methods.js"></script>
        <script src="../js/jquery.bpopup.min.js"></script>
        <script src="../js/acendeAli.js"></script>
         <script src="../js/jquery.min.js"></script>
        <script src="../js/jquery.validate.min.js"></script>
        
        <script>
            function grupos() {
                var x = document.getElementById("tipo").selectedIndex;
                var y = document.getElementById("tipo").options;
                
                if (y[x].index == 0) {
                    var string = "<option value='0'></option>";
                    //alert(y[x].index);
                      document.getElementById("grupo").innerHTML = string;
                }else
                if (y[x].index == 1) {
                    var string = "<option value='0'></option>"
                                +"<option value='1'>1</option>";
                    //alert(y[x].index);
                    document.getElementById("grupo").innerHTML = string;
                }else
                if (y[x].index == 2) {
                    var string = "<option value='0'></option>"
                                +"<option value='2'>2</option>"
                                +"<option value='4'>4</option>";
                    //alert(y[x].index);
                    document.getElementById("grupo").innerHTML = string;
                }
            }
            
            function teste() {
                var a = document.getElementById("grupo").selectedIndex;
                var b = document.getElementById("grupo").options;
                
                if (b[a].index == 0) {
                    var string2 = "<option></option>";
                    //alert(b[a].index);
                    document.getElementById("clubes").innerHTML = string2;
                }else
                if (b[a].index == 1) {
                    var string2 = "<option value='4'>4</option>";
                    //alert(b[a].index);
                    document.getElementById("clubes").innerHTML = string2;
                }else
                if (b[a].index == 2) {
                    var string2 = "<option value='8'>8</option>";
                    //alert(b[a].index);
                    document.getElementById("clubes").innerHTML = string2;
                }
            }
        </script>
        <script type="text/javascript">
    $(document).ready(function(){
        $('#frm').validate({
            rules:{ 
                nome:{ 
                    required: true,
                    minlength: 3
                },
                 nome:{ 
                    required: true,
                    
                },
            },
            messages:{
                nome:{
                    
                    required: "O campo nome do torneio é obrigatorio.",
                    minlength: "O campo nome do torneio deve conter no mínimo 3 caracteres."
                },
                
                tipo:{ 
                    required: "O campo Tipo de torneio é obrigatorio.",
                    
                },
               horario: {
                    required: "O campo horário é obrigatorio.",
                    
                },
                posicao: {
                    required: "O campo local é obrigatorio."
                },
                conf_senha:{
                    required: "O campo confirmação de senha é obrigatorio.",
                    equalTo: "O campo confirmação de senha deve ser identico ao campo senha."
                },
                termos: "Para se cadastrar você deve aceitar os termos de uso."
            }
             
        });
    });
</script>
        
    </head>
    
    <body>
        <div id="cadastro">
            <form name="frm" id="frm" action="aux_torneio.php" method="POST">
                <h2>Criando novo Torneio</h2>
                <label>Nome do Torneio</label><br>
                <input type="text" name="nome" size="55" placeholder="Torneio" /><exemplo>Ex. Campeonato Brasileiro</exemplo><br><br>
                <label>Tipo de torneio</label><br>
                <select name="tipo" id="tipo" class="combo" onChange="grupos()">
                    <option value="0"></option>
                    <?php
                        $tipoTorneio = mysql_query("SELECT * from tipoTorneio", $con);
                        while ($linha = mysql_fetch_array($tipoTorneio)) {
                                echo "<option value='". $linha["idTipoTorneio"]. "' selectedIndex='grupos()'>". $linha["dscTorneio"]. "</option>";
                        }
                    ?>
                </select><br><br>
                
                <table>
                    <tr>
                        <td style='width: 120px'><label>Qtd. Grupos</label><br></td>
                        <td><label>Qtd. de Clubes</label><br></td>
                    </tr>
                    <tr>
                        <td><select id="grupo" class="grupo" name="grupo" onChange="teste()"></select></td>
                        <td><select id="clubes" class="clubes" name="clubes"></select></td>
                    </tr>
                </table><br><br>
                <label>Premiação</label><br>
                R$ <input type="text" name="premio" size="20" placeholder="Prêmio" /><exemplo>Ex. 1000.00</exemplo><br><br>
                <label>Regra</label><br>
                <textarea name="regra" cols="52" rows="6">                    
                </textarea>
                <br><br>
                <div id="botoes">
                    <input type="submit" name="botao" value="Cadastrar" />
                    <input type="button" name="botao" value="Voltar" />
                </div>
            </form>
        </div>
    </body>
</html>